html{width:100%;height:100%;}
.indexGuide{height:100%;width:100%;overflow:hidden;background:url(../img/indexBg.jpg) no-repeat 0 0 / cover;}

.mainHeader{ position: relative; text-align: center;}
.mainHeader:before{ content: ""; position: absolute; width: 100%; height: 1px; background:rgba(255,255,255,0.5);
 bottom: 2px; left: 0;}
.mainHeader h1{ text-align: center; height:160px; line-height:160px; font-size: 46px; color: #fff; margin: 0; border-bottom: 3px solid rgba(255,255,255,0.7); display: inline-block; margin: 0 auto;}
.mainMenu{ display: block; margin-top: 100px; }
.mainMenu li{ text-align: center;}
.mainMenu li a{ text-align: center; width: 100%; font-size: 30px; color: #fff; display: table;}
.mainMenu li a img{ display: table-cell; margin-bottom: 15px; height: 140px; }
.mainMenu li a:hover img{-webkit-animation-name: rotateIn;animation-name: rotateIn;}
.mainMenu li a span{ display: block; }